<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>Universal Selector (*)</title>
<meta name="description" content="CSS3参考手册之: 通配选择符(*)" />
<meta name="keywords" content="通配选择符, css3选择符, css3, css3参考手册" />
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<meta name="robots" content="all" />
<!--[if lte IE 8]>
<script src="../../js/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="../../skin/article.css" />
<link rel="stylesheet" href="../../bg.css" />
<style type="text/css" media="screen">
	#hd span{
		font-size: 25px;
		color:#0382ad;
		font-weight: 700;
		line-height: 26px;
	}
	
</style>
</head>
<body>
<nav id="guide" class="g-mod">
	<div class="from">
		<a href="http://css.doyoe.com/" target="_blank">CSS3参考手册</a>
		<span>&#187;</span>
		<a href="../index.htm">晗安笔记</a>
		<span>&#187;</span>
		<a href="index.htm" id="category" rel="hanan/html" name="form">html</a>
		<span>&#187;</span>
	</div>
	<div class="to">
		<span class="label">相关内容：</span>
		<div class="g-combobox g-transition">
			<a href="?" class="g-transition target">
				<strong>其它元素选择符参考</strong>
				<span>选择其它项<!--[if lte IE 7]><ins>IE7 and earlier, Get to die</ins><![endif]--></span>
			</a>
			<div class="g-transition list">
				<ul>
					<!-- 插入分类快速导航 -->
				</ul>
			</div>
		</div>
	</div>
</nav>
<header id="hd">
<span>form input 标签</span>
<!-- 	<section id="title" class="g-mod">
		<h1 class="tit">标签</h1>
		<ul class="info">
			<li><strong>版本：CSS2</strong></li>
		</ul>
		插入浏览器信息
	</section> -->
</header>
<section id="bd">
	<section id="syntax" class="g-mod g-attr">
		<h2 class="tit">语法：</h2>
		<div class="cont">
		<!-- 在P标签内放标签语法代码 -->
			<p style="background: #272822;color:#ffffff">
			<span style="color: #75715e">&lt;!-- 表单 ==== form表示这是一组表单 --&gt;</span><br />
    <span style="color: #f92672">&lt;form</span> <span style="color: #a6e22e">action=</span><span style="color: #e6db74">&quot;数据接收地址&quot;</span> <span style="color: #a6e22e">method=</span><span style="color: #e6db74">&quot;数据发送方式&quot;</span><span style="color: #f92672">&gt;</span><br /> <br />

    <span style="color: #75715e">&lt;!-- placeholder=&#39;请输入名字：&#39;  ===placeholder当没用键盘输入时显示它的值，在键盘在它的input里有输入时它在input里显示出来的值会自动消失 --&gt;</span><br /> <br />

    <span style="color: #75715e">&lt;!-- 文本框 --&gt;</span><br />
    <span style="color: #f92672">&lt;input</span> <span style="color: #a6e22e">type=</span><span style="color: #e6db74">&quot;text&quot;</span> <span style="color: #a6e22e">name=</span><span style="color: #e6db74">&quot;数据名&quot;</span> <span style="color: #a6e22e">value=</span><span style="color: #e6db74">&quot;value值:默认显示&quot;</span> <span style="color: #f92672">/&gt;</span><br /> <br />

    <span style="color: #75715e">&lt;!-- 密码框 --&gt;</span><br />
    <span style="color: #f92672">&lt;input</span> <span style="color: #a6e22e">type=</span><span style="color: #e6db74">&quot;password&quot;</span> <span style="color: #a6e22e">name=</span><span style="color: #e6db74">&quot;数据名&quot;</span> <span style="color: #a6e22e">value=</span><span style="color: #e6db74">&quot;默认密码&quot;</span> <span style="color: #f92672">/&gt;</span><br /> <br />

    <span style="color: #75715e">&lt;!--单选框 默认选中:checked=&quot;checked&quot; --&gt;</span><br />
    <span style="color: #f92672">&lt;input</span> <span style="color: #a6e22e">type=</span><span style="color: #e6db74">&quot;radio&quot;</span> <span style="color: #a6e22e">name=</span><span style="color: #e6db74">&quot;数据名&quot;</span> <span style="color: #a6e22e">checked=</span><span style="color: #e6db74">&quot;checked&quot;</span> <span style="color: #f92672">/&gt;</span><br /> <br />

    <span style="color: #75715e">&lt;!--复选框 默认选中:checked=&quot;checked&quot; --&gt;</span><br />
    <span style="color: #f92672">&lt;input</span> <span style="color: #a6e22e">type=</span><span style="color: #e6db74">&quot;checkbox&quot;</span> <span style="color: #a6e22e">name=</span><span style="color: #e6db74">&quot;数据名&quot;</span> <span style="color: #a6e22e">checked=</span><span style="color: #e6db74">&quot;checked&quot;</span> <span style="color: #f92672">/&gt;</span><br /> <br />

    <span style="color: #75715e">&lt;!--隐藏域--&gt;</span><br />
    <span style="color: #f92672">&lt;input</span> <span style="color: #a6e22e">type=</span><span style="color: #e6db74">&quot;hidden&quot;</span> <span style="color: #f92672">/&gt;</span><br /> <br />

    <span style="color: #75715e">&lt;!--提交按钮--&gt;</span><br />
    <span style="color: #f92672">&lt;input</span> <span style="color: #a6e22e">type=</span><span style="color: #e6db74">&quot;submit&quot;</span> <span style="color: #a6e22e">value=</span><span style="color: #e6db74">&quot;按扭上显示&quot;</span> <span style="color: #f92672">/&gt;</span><br /> <br />

    <span style="color: #75715e">&lt;!--文件域 accept定义上传文件类型--&gt;</span><br />
    <span style="color: #f92672">&lt;input</span> <span style="color: #a6e22e">type=</span><span style="color: #e6db74">&quot;file&quot;</span> <span style="color: #a6e22e">accept=</span><span style="color: #e6db74">&quot;image/gif, image/jpeg&quot;</span> <span style="color: #f92672">/&gt;</span><br /> <br />

    <span style="color: #75715e">&lt;!--重置按钮--&gt;</span><br />
    <span style="color: #f92672">&lt;input</span> <span style="color: #a6e22e">type=</span><span style="color: #e6db74">&quot;reset&quot;</span> <span style="color: #f92672">/&gt;</span><br /> <br />

    <span style="color: #75715e">&lt;!--空白按钮--&gt;</span><br />
    <span style="color: #f92672">&lt;input</span> <span style="color: #a6e22e">type=</span><span style="color: #e6db74">&quot;button&quot;</span> <span style="color: #a6e22e">value=</span><span style="color: #e6db74">&quot;空白按扭&quot;</span> <span style="color: #f92672">/&gt;</span><br /> <br />

    <span style="color: #75715e">&lt;!--文本区域　　　--&gt;</span><br />
    <span style="color: #f92672">&lt;textarea</span> <span style="color: #a6e22e">name=</span><span style="color: #e6db74">&quot;数据名&quot;</span><span style="color: #f92672">&gt;</span>默认显示内容<span style="color: #f92672">&lt;/textarea&gt;</span><br /> <br />

    <span style="color: #75715e">&lt;!--下拉框 --&gt;</span><br />
    <span style="color: #75715e">&lt;!-- select中的size和multiple是可选的; --&gt;</span><br />
    <span style="color: #75715e">&lt;!-- size表示在下拉框中显示选项的数量 --&gt;</span><br />
    <span style="color: #75715e">&lt;!-- multiple表示下拉框中可以多选多个选项  multiple=&quot;multiple&quot; --&gt;</span><br />
    <span style="color: #75715e">&lt;!-- option中 默认先中用： selected=&quot;selected&quot;   ;valul和selected是可选项 --&gt;</span><br />
    <span style="color: #f92672">&lt;select</span> <span style="color: #a6e22e">name=</span><span style="color: #e6db74">&quot;数据名&quot;</span> <span style="color: #a6e22e">size=</span><span style="color: #e6db74">&quot;数字&quot;</span> <span style="color: #a6e22e">multiple=</span><span style="color: #e6db74">&quot;multiple&quot;</span><span style="color: #f92672">&gt;</span><br />
       <span style="color: #f92672">&lt;option&gt;</span>选项1<span style="color: #f92672">&lt;/option&gt;</span><br />
       <span style="color: #f92672">&lt;option</span> <span style="color: #a6e22e">selected=</span><span style="color: #e6db74">&quot;selected&quot;</span><span style="color: #f92672">&gt;</span>选项2<span style="color: #f92672">&lt;/option&gt;</span><br />
    <span style="color: #f92672">&lt;/select&gt;</span><br /> <br />

<span style="color: #f92672">&lt;/form&gt;</span>
			</p>
		</div>
	</section>
	<section id="intro" class="g-mod g-attr">
		<h2 class="tit">说明：</h2>
		<div class="cont">
			<!-- <strong>选定所有对象。</strong> -->
			<!-- <ul>
				<li>a标签 target="blank" 是在新页面中打开键接</li>
<li>a标签 取消下划线 text-decoration:none; 启用下划线：text-decoration:underline; </li>
<li>a标签 取消鼠标手图 cursor:; 启用下划线：text-decoration:underline; </li>
			</ul> -->
		</div>
	</section>

	<section id="example" class="g-mod g-attr">
		<h2 class="tit">示例：</h2>
		<div class="cont">
		<!-- textarea标签内放运行的代码 -->
			<textarea cols="90" rows="20">
 <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
     <!-- 表单 ==== form表示这是一组表单 -->
    <form action="数据接收地址" method="数据发送方式">

    <!-- placeholder='请输入名字：'  ===placeholder当没用键盘输入时显示它的值，在键盘在它的input里有输入时它在input里显示出来的值会自动消失 -->

    文本框
    <input type="text" name="数据名" value="value值:默认显示" /><br />

    密码框
    <input type="password" name="数据名" value="默认密码" /><br />

    单选框
    <input type="radio" name="数据名" checked="checked" /><br />

    复选框
    <input type="checkbox" name="数据名" checked="checked" /><br />

    隐藏域
    <input type="hidden" /><br />

    提交按钮
    <input type="submit" value="按扭上显示" /><br />

    文件域 accept定义上传文件类型
    <input type="file" accept="image/gif, image/jpeg" /><br>

    重置按钮
    <input type="reset" /><br>

    空白按钮
    <input type="button" value="空白按扭" /><br /><br /><br>

    文本区域
    <textarea name="数据名">默认显示内容<|textarea><br /><br />

    下拉框 
    <!-- select中的size和multiple是可选的; -->
    <!-- size表示在下拉框中显示选项的数量 -->
    <!-- multiple表示下拉框中可以多选多个选项  multiple="multiple" -->
    <!-- option中 默认先中用： selected="selected"   ;valul和selected是可选项 -->
    <select name="数据名" size="数字" multiple="multiple"><br />
       <option>选项1</option><br />
       <option selected="selected">选项2</option><br />
    </select><br /> <br />

</form>
    </body>
</html>
			</textarea>
			<p><input type="button" value="运行" class="g-btn g-btn-sure" /></p>
		</div>
	</section>
</section>
<footer id="ft">
	<aside id="rights" class="g-mod">
		<!-- 插入浏览器及版权信息 -->
	</aside>
</footer>
<script src="../../js/jquery.js"></script>
<script src="../../js/inner.js"></script>
</body>
</html>